<!-- Created by duwanfu on 2019/1/5 -->
<template>
  <div class="wraper">
    <h2>支付完成!</h2>
    <div @click="back" class="back">回到个人中心</div>
  </div>
</template>

<script>
  export default {
    name: "order-complete",
    methods: {
      back () {
        if (window.android) {
          window.android.goIndex()
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  .wraper {
    width: 100%;
    height: 100vh;
    h2 {
      text-align: center;
      line-height: 1rem;
      font-size: .35rem;
    }
    .back {
      margin: 0 auto;
      width: 4.4rem;
      height: 1rem;
      color: #ffffff;
      text-align: center;
      line-height: 1rem;
      background: #dd001b;
      border-radius: .08rem;
    }
  }

</style>
